<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="HTMLTree/demo.css" type="text/css" />
<link rel="stylesheet" type="text/css" media="screen" href="assets/styles/demos.css" />
<script type="text/javascript" src="assets/scripts/mootools.js"></script>
<script type="text/javascript" src="assets/scripts/Builder.js"></script>
<script type="text/javascript">Builder.includeType('source');</script>
<script type="text/javascript" src="HTMLTree/demo.js"></script>
<title>UiAutomator Viewer</title>
</head>
<body>
<div id="container">
  <div id="title">
    <h1><span class="mif-m">U</span><span class="mif-tree">i</span><span class="mif-i">.</span><span class="mif-dot"></span><span class="mif-m">A</span><span class="mif-tree">utomator</span><span>&nbsp;Viewer</span></h1>
  </div>
  <div id="menu">
    <div id="menu-wrapper">
      <div id="imgdiv">
        <div style="top:100px;left: 100px;height:20px;width:200px;">this is default...</div>
      </div>
    </div>
    <div id="notice">
      <h1><span class="mif-m">使用方法</span></h1>
      <h2><span class="mif-m">1.获取文件并上传</span></h2>
      <h3><span  class="mif-tree"> 获取一个uiautomator的xml文件</span></h3>
      <h3><span  class="mif-tree"> uiautomator dump [file]</span></h3>
      <h3><span  class="mif-tree"> 获取当前的屏幕截图</span></h3>
      <h3><span  class="mif-tree"> screencap -p XXXX.png</span></h3>
      <h2><span class="mif-m">2.操作方法</span></h2>
      <h3><span  class="mif-tree"> 右边是XML树形文件，当点击节点
        [node]
        时，会自动在屏幕截图上找到当前控件所在的位置 </span></h3>
      <h1><span class="mif-m">Notice：一定要点击【node】，这样才会识别点击事件</span></h1>
      <h3><a href="http://blog.csdn.net/soslinken/article/details/50126477" target="_blank">参考：：Android uiautomator dump 命令及xml字段介绍</a></h3>
    </div>
  </div>
  <div id="demos">
    <div id="demos-wrapper">
      <div id="tree_description">
        <div>text</div>
        <div>resource_id</div>
        <div>class</div>
        <div>package</div>
        <div>bounds</div>
      </div>
      <div id="tree_container"></div>
    </div>
    <div id="footer">
      <p>Released under the <a href="http://www.jerrychia.com/" target="_blank">Hisense Jiayazhou</a> License</p>
    </div>
    <span class="spc"></span> </div>
</div>
</body>
<script type="text/javascript" src="assets/scripts/demos.js"></script>
</html>
